<template>
    <div>
        <div v-for="(item,index) in list " :key="index">
            <div v-if="item.treeType == 'org'" class="org" style="display:flex;">
                <!-- iconquanxianfuzhi  iconxiala -->
                <i class="iconfont icon-xiala color-8 font12" style="margin-top:5px"></i>
                <div class="display-ib orgword">
                    <span>{{item.name}}</span>
                </div>
            </div>
            <div v-if="item.treeType == 'user'" class="uList">
                <van-checkbox class="font14 ht48" :name="item.id" shape="square">{{item.name}}</van-checkbox>
            </div>
            <checkbox-group :list="item.children"></checkbox-group>
        </div>
    </div>
</template>
 
<script>

export default {
    name: 'checkboxGroup',
    props:{
		list: Array
	},
    data () {
        return {
            
        }
    },
    created() {
        
    },
    methods: {
        
        
    }
}
</script>

<style scoped>
    .org {
        width: 100%;
        background: #eee;
        padding: 10px 16px;
    }
    .orgword {
        font-size: 14px;
        color: #888;
        margin-left: 13px;
    }
    .ht48 {
        width: 100%;
        height: 48px;
        line-height: 48px;
        padding-left: 12px;
        border-bottom: 1px solid #EEEEEE;
    }
</style>